<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no" />

		<meta content="yes" name="apple-touch-fullscreen" />
		<!-- 删除默认的苹果工具栏和菜单栏 ： 即启用 WebApp 全屏模式  -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 在web app应用下状态条（屏幕顶部条）的颜色；默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<!-- 忽略数字自动识别为电话号码 ,忽略识别邮箱 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait" />
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="true" />
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true" />
		<!-- 360强制全屏 -->
		<meta name="360-fullscreen" content="true" />

		<meta charset="UTF-8">
		<title>京东移动端首页</title>
		<link rel="stylesheet" href="JD.css" />
	</head>

	<body>
		<div class="box">
			<div class="banner">
				<img src="https://m.360buyimg.com/mobilecms/s1125x549_jfs/t13699/45/629379028/118702/3269e00/5a308bf5Nf8e15750.jpg!q70.jpg" />
				<div class="turns-nav">
					<span></span>
					<span class="now"></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</div>
				<div class="top">
					<div class="search  celarfix">
						<form>
							<input placeholder="360京东超级品牌日，领券最高减600 " />
						</form>
						<div class="img-JD ">
							<img src="" />
						</div>
						<div class="img-search">
							<img src="" />
						</div>
					</div>
					<div class="login">
						<a href="#">登录</a>
					</div>
				</div>
			</div>
			<div class="nav">
				<ul>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5668/159/160398199/14046/acfe1fa3/591d9424N068a7ad0.png" /></div>
						<div>京东超市</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t11425/73/2288282326/13451/e11c7697/5a14d167Ne5414496.png" /></div>
						<div>全球购</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5656/351/153181074/12227/e35aa8d/591d9456Naa85e195.png" /></div>
						<div>京东服饰</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5707/83/1407890143/14681/29321e2c/59263c71Nc7d16503.png" /></div>
						<div>京东生鲜</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5773/256/159664156/17475/742fec7e/591d9475Na810c2eb.png" /></div>
						<div>京东到家</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5647/156/156583179/12255/981e942a/591d94a1Nfde63a47.png" /></div>
						<div>充值缴费</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/s126x126_jfs/t2758/175/4146829331/10078/d6a3aa98/57aacab9N98edf989.png" /></div>
						<div>领京豆</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5872/340/146804759/11154/f4ae1409/591d94c4N79a488cc.png" /></div>
						<div>领券</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5824/248/156712927/7215/1ad6be5f/591d94c6Nc4711ad2.png" "/></div>
						<div>赚钱</div>
					</a>
					<a href="#">
						<div><img src="https://m.360buyimg.com/mobilecms/jfs/t5842/205/151189300/13247/a6de2d/591d94edNc42fb94d.png "/></div>
						<div>物流查询</div>
					</a>
				</ul>
			</div>
		<div class="pic">
			<img src="http://m.360buyimg.com/mobilecms/jfs/t11794/14/2014545737/54110/85d82b9f/5a0e790cN2652da4e.png!q70.jpg" />
		</div>
		<div class="news clearfix">
			<a href="#">
				<img src="http://st.360buyimg.com/m/images/index/jd-news-tit.png" class="news-img fl"/>
				<div class="ltxt fl"><span class="red">热门</span>5G时代，中国说了算！</div>
				<div class="rtxt fr">更多</div>
			</a>
		</div>
		<div class="miaosha ">
			<div class="m-top ">
				<img src="http://st.360buyimg.com/m/images/index/load/skill.png" class="m-img" />
				<div class="ltxt "><strong>16</strong>点场</div>
				<div class="rtxt ">京选尖货秒<span>></span> </div>
			</div>
			<ul class="m-bot celarfix">
				<li>
					<div class="img1">
						<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t15184/85/468505740/100127/9c8f8783/5a2dea07N98c124ef.jpg!q70.jpg"/>
					</div>
					<p>¥1499</p>
					<p>¥4680</p>
				</li>
				<li><div class="img1">
					<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13378/89/2058295319/188136/aeb67f38/5a30d0f3N58249d51.jpg!q70.jpg"/>
				</div>
					<p>¥1499</p>
					<p>¥4680</p>
				</li>
				<li><div class="img1">
					<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13657/315/1981094886/190219/614baae9/5a324a02N7faace3c.jpg!q70.jpg"/>
				</div>
					<p>¥1499</p>
					<p>¥4680</p>
				</li>
				<li><div class="img1">
					<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t14038/19/495905433/410724/df6144b4/5a0d2f61N2dc17fbc.jpg!q70.jpg"/>
				</div>
					<p>¥1499</p>
					<p>¥4680</p>
				</li>
				<li><div class="img1">
					<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t15610/143/410620899/192308/212bf431/5a2fa9c6N04de6c72.jpg!q70.jpg"/>
				</div>
					<p>¥1499</p>
					<p>¥4680</p>
				</li>
			</ul>
		</div>
		<div class="pic2">
			<img src="https://m.360buyimg.com/mobilecms/jfs/t14038/241/2027802738/128303/a555b058/5a30808cN4845327b.jpg!q70.jpg"/>
		</div>
		</div>
	</body>

</html>
  